@charset "utf-8";
/*==== reset ====*/
@media (min-width: 0px) and (max-width: 320px) {
html{  font-size: 10px; color: #333; }
}
@media (min-width:321px) and (max-width: 480px) {
html{  font-size: 12px; color: #333; }
}
 @media (min-width: 481px) and (max-width: 640px) {
html{  font-size:12px; color: #333; }
}
@media (min-width: 641px) and (max-width: 720px) {
html{  font-size: 12px; color: #333; }
}
@media (min-width: 721px) and (max-width: 1080px) {
html{  font-size: 16px; color: #333; }
}
@media (min-width: 1081px) and (max-width: 1200px) {
html{  font-size: 18px; color: #333; }
}
@media (min-width: 1201px) {
html{  font-size: 20px; color: #333; }
}
* { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: none; }
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, ol, ul, li, form, table, tbody, tfoot, thead, tr, th, td, dl, dt, dd, fieldset, select, input { margin: 0; padding: 0; border: 0; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; font-weight: normal; word-wrap: break-word; word-break: break-all; }
body { height: 100%; }
body, button, input, select { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; outline: none; }
body { background: #fff; line-height: 1.5em; margin: 0 auto; color: #333; overflow: hidden; overflow-x: hidden; }
html, body { overflow-x: hidden; width: 100%; -webkit-touch-callout: none; }
body.moblie-wrap-bg { overflow-x: hidden; }
body.moblie-warp-bgGray { background-color: #efeff4; }
.ui-page.ui-body-c.ui-page-active { overflow-x: hidden; }
h2 { font-size: 100%; word-wrap: break-word; }
em, i { font-weight: normal; font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
table, td, th, li, img, input, select, .vm { vertical-align: middle; outline: none; }
.vm .icon-radio { vertical-align: 0; }
img{width:100%;border:none}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input { padding: 5px; margin: 0; outline: 0; border: 0; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
a:-webkit-any-link {
text-decoration:none;
cursor:auto
}
a, a:focus, a:outline, a img {
border:none;
hide-focus:expression(this.hideFocus=true);
outline:none;
}
a { text-decoration: none; outline: none; color: #333; -webkit-tap-highlight-color: rgba(0,0,0,0); cursor: pointer; border: 0; }
/*a:active { -webkit-tap-highlight-color: rgba(0,0,0,0); color: #333; }*/
li { list-style: none; vertical-align: middle; }
span { display: inline-block; }
.html_fill { height: 100%; margin: 0; overflow: hidden !important; width: 100%; }
.body_scroll { height: 100%; margin: 0; visibility: visible; }
.clearfix { clear: both; }
.clearfix:after { clear: both; content: ""; display: block; height: 0; line-height: 0; overflow: hidden; }
.default { display: none; }
.active { display: block; }
.hidden { overflow: hidden; }
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
/*input text*/
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], textarea { border: 1px solid #ccc; background-color: #FFF; background-image: none; /*margin: .5em 0;*/ min-height: 1.5em; line-height: 1.4em; padding: 0; display: block; outline: 0; font-size: 100%; width: 100%; line-height: 150%; padding: 0.1em; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }
input[type="text"], input[type="password"], input[type="number"], input[type="tel"], textarea { border: 1px solid #ccc; background-color: #FFF; background-image: none; /*margin: .5em 0;*/ min-height: 1.5em; line-height: 1.4em; padding: 0; display: block; outline: 0; font-size: 100%; width: 100%; line-height: 150%; padding: 0.1em; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }

/*==== /reset ====*/
/* @font-face icon so */
@font-face { font-family: 'icomoon'; 
src: url('fonts/icomoon.eot?t6tohz'); 
src: url('fonts/icomoon.eot?#iefixt6tohz') format('embedded-opentype'), url('fonts/icomoon.woff?t6tohz') format('woff'), url('fonts/icomoon.ttf?t6tohz') format('truetype'), url('fonts/icomoon.svg?t6tohz#icomoon') format('svg');
 font-weight: normal; font-style: normal; }
 [class^="icon-"], [class*=" icon-"], [class^="icon_"], [class*=" icon_"], [class^="ico_"], [class*=" ico_"], [class^="-icon"], [class*="-icon"], [class*="search-icon"], [class*="top-"], [class*="srch"], [class*="more-icon"], [class*="star-rank-"], .search-bg, .myOrder-bg, .message-bg, .ticket-bg, .top-pencil-grey, .star s, .icon-checkmark, .hotels-font {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height:100%;
}